<!-- 我的评论页面 -->
<template>
	<view class="my-comments-box">
		<block v-for="caseItem in caseDataList" :key="caseItem.id">
			<release-item :itemObj="caseItem" @click="caseItemClick"></release-item>
		</block>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 模拟的案例数据列表
				caseDataList: [{
					id: 1,
					src: '/static/demoimg/avatar-min.png',
					user_name: '李小鹏律师',
					time: '3小时前',
					content: '工伤认定需要那些材料因婚外情离婚，财产该如何分割因婚外情离婚，财产该如何分割',
					video: '',
					imgsList: [],
					isState: true,	// 此字段表示是否评论，为 true 则已评论
					status: 126,
					watch: 430,
					isGiveUp: false
				},{
					id: 2,
					src: '/static/demoimg/avatar-min.png',
					user_name: '张伟律师',
					time: '5小时前',
					content: '财产该如何分割因婚外情离婚，财产该如何分割,工伤认定需要那些材料因婚外情离婚',
					video: null,
					imgsList: [
					{
						id: 1,
						src: '/static/demoimg/demo1.jpg'
					},
					{
						id: 2,
						src: '/static/demoimg/demo2.jpg'
					},
					{
						id: 3,
						src: '/static/demoimg/demo3.jpg'
					},
					{
						id: 4,
						src: '/static/demoimg/img1.png'
					},
					{
						id: 5,
						src: '/static/demoimg/img2.png'
					},
					{
						id: 6,
						src: '/static/demoimg/img3.png'
					}
				],
				isState: true,	// 此字段表示是否评论，为 true 则已评论
					status: 236,
					watch: 570,
					isGiveUp: false
				},{
					id: 3,
					src: '/static/demoimg/avatar-min.png',
					user_name: '李小鹏律师',
					time: '7小时前',
					content: '婚外认定需要那些材料因婚外情离婚，财产该如何分割因婚外情离婚，财产该如何分割,婚外认定需要那些材料因婚外情离婚，财产该如何分割因婚外情离婚，财产该如何分割婚外认定需要那些材料因婚外情离婚，财产该如何分割因婚外情离婚，财产该如何分割',
					video: null,
					imgsList: [],
					isState: true,	// 此字段表示是否评论，为 true 则已评论
					status: 36,
					watch: 370,
					isGiveUp: false
				}],
			};
		},
		methods: {
			/* 监听 case 项的点击事件 */
			caseItemClick(case_id) {
				// 携参跳转到评论详情页
				console.log(case_id);
				this.$u.route('/myPackageA/pages/views/comment-detail?case_id=' + case_id)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.my-comments-box {
		width: 750rpx;
		min-height: 100vh;
		background-color: #F4F6FA;
		padding-top: 1rpx;
	}
</style>
